html{font-size: 625%;background: #efeff4;}
.container{max-width: 750px;min-width: 320px;margin: 0 auto;margin-bottom: 45px;}

.top-bar{background: #313036;width: 100%;box-sizing: border-box;padding-left: 10px;color: #fff;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;position: relative;}
.top-bar .top-left{position: absolute;top: 12px; left: 15px; width: 10px;height: 15px;background: url('../img/left.png') no-repeat 0 0; background-size: contain;}
.top-bar a{color: #fff;position: absolute;right: 10px;font-size: 0.12rem;}


.swiper-container img{width: 100%;max-height: 360px;}
.swiper-container .pagination{position: absolute; bottom: 15px;z-index: 1;text-align: center;}
.swiper-container .pagination .swiper-pagination-bullet{background: #fff;opacity:1;}
.swiper-container .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f30;}

.main{padding: 15px 10px;box-sizing: border-box;width: 100%;background: #fff;}
.main div{width: 100%;box-sizing: border-box; color: #999;position: relative;}
.main div.title{font-size: 0.14rem;font-weight: 800;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 0.42rem;line-height: 0.21rem;color: #333;margin-bottom: 0.10rem;}
.main div.title span{display: inline-block;height: 0.18rem;line-height: 0.16rem;background: #2E96DF;color:#fff;font-size: 0.12rem;margin-right: 5px;padding: 0 3px;}
.main div span.left{float: left;}
.main div span.right{float: right;}
.main div span i{color: #f30;font-size: 0.18rem;font-weight: 800;margin: 0 10px;}
.main div span em{text-decoration: line-through; }
.main div span em.express{text-decoration: none;}
.main div span strong{color:#333;}
.main div.middle{padding-bottom: 10px;}
.main div.bottom{background: #ededed;height: 0.3rem;line-height: 0.3rem;padding:0 10px;width: 100%;box-sizing: border-box;}
.main div.bottom span{height:0.3rem; line-height: 0.3rem;color:#333;z-index: 3;position: relative;}
.main div.bottom div.bg-right{display:inline-block;height:0.3rem;position:absolute;top: 0px;left:0px;background: #f30;z-index: 2;}

.detail{box-sizing: border-box;width: 100%;background: #fff;margin-top: 10px; }
.detail .detail-top{box-sizing: border-box;width: 100%;height:40px;border-top:1px solid #f30;border-bottom: 1px solid #dcdcdc;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;display: -webkit-flex;display: -moz-flex;}
.detail .detail-top span{box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;text-align: center;height: 38px;line-height: 38px;font-size: 0.16rem;color:#333;}
.detail .detail-top span.active{color:#f30;}
.detail .detail-main img{width: 100%;box-sizing: border-box;}
.detail .detail-main table{width: 100%;box-sizing: border-box;}
.detail .detial-faq{padding: 10px;display: none;}


.detail-bar {position:fixed;bottom:0;width: 100%;box-sizing: border-box;height: 45px;line-height:45px;text-align: center;color:#fff;font-size: 0.16rem;background: #f30;max-width: 750px;margin: 0 auto;}

@media screen and (min-width:640px){
	html{
		font-size: 808.5%;
	}
}

@media screen and (min-width:420px){
	.swiper-container img{width: 100%;max-height: 420px;}
}
@media screen and (min-width:520px){
	.swiper-container img{width: 100%;max-height: 520px;}
}
@media screen and (min-width:640px){
	.swiper-container img{width: 100%;max-height: 640px;}
}